.@{theme} {
  *, .ant-calendar-input, .ant-time-picker-input {
    &::-webkit-input-placeholder {
      color: @input-placeholder;
      opacity: 1;
    }
    &:-moz-placeholder {
      color: @input-placeholder;
      opacity: 1;
    }
    &::-moz-placeholder {
      color: @input-placeholder;
      opacity: 1;
    }
    &:-ms-input-placeholder {
      color: @input-placeholder;
      opacity: 1;
    }
  }

  .ant-pagination {
    background-color: transparent;
  }

  .select-clear .ant-select-selection__placeholder {
    display: block !important;
  }

  .ant-time-picker-panel-select::-webkit-scrollbar {
    width: 0px;
  }

  .ant-time-picker-panel-input {
    padding: 2px 5px;
  }

  .ant-select-selection__clear {
    background: none;
  }

  .ant-upload-list-item-name {
    color: @font-color-white;
  }

  .ant-dropdown-button .ant-btn-ghost:first-child {
    border-right: 1px solid @dropdown-btn-border;
  }
  .ant-dropdown-button .ant-btn-ghost:last-child {
    border-left: 1px solid @dropdown-btn-border;
  }

  .ant-dropdown .ant-dropdown-menu {
    background-color: @bg-modal;
    border-radius: 2px;
    padding: 5px 0;
    border: 0;
  }

  .ant-dropdown-menu-item:first-child, .ant-dropdown-menu-submenu-title:first-child,
  .ant-dropdown-menu-item:last-child, .ant-dropdown-menu-submenu-title:last-child {
    border-radius: 0;
  }
  .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
    color: @font-color-white;
  }
  .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
    background-color: @model-card-hover-bg;
  }

  .ant-checkbox-wrapper {
    word-break: break-all;
  }

  .ant-table {
    color: @font-color-white;
    border-radius: 0;
    border: 1px solid @table-border;
    table {
      border-radius: 0;
    }
    th {
      vertical-align: top;
      background: @table-thead-bg;
      //background-image:linear-gradient(to bottom, #14304f 42px, #245690 22px);
      color: @table-thead-color;
      border-bottom: 2px solid @table-thead-border;
      padding: 11px 8px;
    }
    td {
      border-bottom:0;
      .text-overflow{
        display: block;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      button+button{
        margin-left: 10px;
      }
    }
    tr {
      &:nth-child(2n) {
        background: @table-tr-even;
      }
      &:nth-child(2n+1) {
        background: @table-tr-odd;
      }
      &:hover {
        background: @table-tr-even;
      }
      &:last-child{
        td{
          border-bottom: 0;
        }
      }
    }
    &-header{
      background: none;
      border-radius: 0;
    }
    &-placeholder {
      position: static;
      border: 0;
      color: @font-color-white;
    }
  }
  .ant-pagination {
    color: @font-color-base;
    .ant-pagination-item, .ant-pagination-prev, .ant-pagination-next {
      border-radius: 0;
      border: none;
      background: @pagination-item-bg;
      a {
        color: @pagination-total-text;
      }
    }
    .ant-pagination-item-active {
      background: @pagination-item-active-bg;
      a {
        color: @font-color-white;
      }
    }
    .ant-pagination-prev a:after, .ant-pagination-next a:after {
      margin-top: 1px;
    }
    .ant-pagination-options-quick-jumper{
     color: @pagination-total-text;
    }
    .ant-pagination-options-quick-jumper input {
      border-radius: 0;
      border: none;
      background: @pagination-item-bg;
      color: @pagination-total-text;
      &:focus {
        box-shadow: 0 0 0 0;
      }
    }
  }
  .ant-form-horizontal{
    .ant-form-item{
      overflow: hidden;
    }
    .ant-form-item>label,.ant-form-item-control>label,.ant-radio-wrapper,.ant-radio,.ant-checkbox-wrapper{
      color: @font-color-white;
      font-size: 12px;
    }
    .ant-form-item-label>label {
      color: @normal-font-color;
    }
    .ant-form-text{
      color: @comment-text-color;
      display: block;
      overflow: hidden;
      word-break: break-word;
    }
    textarea{
      resize: none;
    }
  }

  //单选框
  .ant-radio-inner{
    border:none;
    background-color: @form-radio-inner;
  }
  .ant-radio-inner:after{
    background-color: @font-color-white;
    left: 4px;
    top: 4px;
  }
  .ant-form-horizontal .ant-radio-wrapper{
    color:@normal-font-color
  }
  .ant-form-horizontal .ant-radio-wrapper.ant-radio-wrapper-disabled{
    color: @form-checkbox-disabled;
  }
  .ant-form-horizontal .ant-radio-wrapper-checked{
    color: @form-label-color;
  }
  .ant-form-horizontal .ant-radio-wrapper-checked.ant-radio-wrapper-disabled{
    color: @form-checkbox-disabled;
  }
  .ant-form-horizontal .ant-radio-disabled .ant-radio-inner{
    background-color: @form-radio-inner-disable;
    &:after{
      background-color: @form-radio-inner-after;
    }
  }

  .ant-form-horizontal .ant-checkbox-wrapper{
    color:@normal-font-color
  }

  .ant-btn, .ant-btn-group-lg>.ant-btn {
    border-radius: 2px;
  }
  .ant-btn-clicked:before {
    display: none\9;
  }

  .ant-spin-nested-loading > .ant-spin-container{

  }
  .ant-btn-primary {
    background-color: @primary-color;
    border-color: @primary-color;
    &:hover, &:visited {
      background-color: @primary-color;
      border-color: @primary-color;
    }
  }
  .ant-btn-cancel,.ant-btn-ghost {
    color:@cancel-color1;
    border-radius: 2px;
    background: @cancel-bg-color;
    border-color: @cancel-border-color;
    // &:hover, &:visited {
    //   background-color: @primary-color;
    //   border-color: @primary-color;
    //   color:@font-color-white;
    // }
  }

  .ant-popover-buttons {
    .ant-btn-cancel,.ant-btn-ghost {
      float: right;
    }
  }

  .ant-modal-footer, .ant-confirm-btns {
    .ant-btn-cancel,.ant-btn-ghost {
      float: right;
      position: relative;
      right: 28%;
    }
  }
  .ant-modal-footer {
    .ant-btn-ghost {
      float: none;
      position: relative;
      right: -38%;
    }
  }

  .ant-collapse>.ant-collapse-item>.ant-collapse-header[aria-expanded=true] .arrow {
    transform: scale(.58333333) rotate(1turn);
    -ms-transform: scale(.58333333) rotate(1turn);
    top: 0\9;
    left: 16px\9;
  }

  .ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow{
    transform: scale(.58333333) rotate(270deg);
    -ms-transform: scale(.58333333) rotate(270deg);
    top: 0\9;
    left: 16px\9;
  }
  .ant-select {
    color: @input-text-color;
    &.ant-select-open .ant-select-selection {
      border: 1px solid @input-border-focus;
      background: @input-bg-focus;
      box-shadow: 0 0 0 0;
    }
    .ant-select-selection__placeholder {
      color: @input-placeholder;
    }
    .ant-select-selection {
      box-shadow: 0 0 0 0;
      background: @input-bg;
      border: 1px solid @input-border;
      border-radius: 2px;
    }
  }
  .has-error {
    .ant-select-selection {
      box-shadow: 0 0 0 1px @warning-color;
    }
  }

  .ant-select-dropdown {
    .ant-select-dropdown-menu-item {
      color: @font-color-white;
    }
    .ant-select-dropdown-menu-item-selected {
      background: @select-option-active;
      color: @font-color-white;
      &:hover{
        background: @select-option-active;
        color: @font-color-white;
      }
    }
    border: 0;
    border-radius: 0;
    background: @input-bg-focus;
    box-shadow: none;
  }

  .ant-select-dropdown-menu-item-group-title{
    color: @font-color-white
  }

  .ant-select-selection--multiple {
    .ant-select-selection__choice {
      background-color: @select-tag-bg;
    }
    .ant-select-selection__choice__remove {
      color: @default-font-color;
    }
  }
  .ant-select-lg .ant-select-selection--single .ant-select-selection__rendered{
    height: 30px;
  }

  .ant-select-dropdown-menu-item:hover, .ant-select-dropdown-menu-item-active{
    background-color: @input-focus-bg;
  }

  .ant-input,.ant-input-number-input{
    border: 1px solid @input-border;
    border-radius: 2px;
    background: @input-bg;
    color: @input-text-color;
    &:focus {
      border: 1px solid @input-border-focus;
      background: @input-bg-focus;
      box-shadow: 0 0 0 0;
    }
  }


  .has-error .ant-input {
    border:1px solid @warning-color;
    box-shadow: 0 0 0 0;
  }
  .has-success .ant-input{
    box-shadow: 0 0 0 0;
    border: 1px solid @input-border;
  }

  .ant-input[disabled] {
    background-color: @input-bg;
    border: 1px solid @input-border;
    &:hover{
      border: 1px solid @input-border;
    }
  }
  .ant-input-number {
    border-radius: 0;
    box-shadow: 0 0 0 0;
    background: @input-bg;
    border: 0;
    color: @font-color-base;
  }

  .ant-tag-base(@color) {
    border-radius: 2px;
    font-size: 12px;
    color: @tag-color;
    border: 0;
    display: inline-block;
    line-height: 22px;
    height: 22px;
    padding: 0 8px;
    background-color: @color;
    -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86);
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
    vertical-align: middle;
    opacity: 1;
    overflow: hidden;
    margin: 2px;
    float:left;
    .anticon{
      color: @font-color-white;
      float: right;
      background-color:#0e5b93;
      border-radius: 50%;
      padding:3px;
      margin-top:2px;
    }
  }
  .ant-tag{
    .ant-tag-base(@dropdown-btn-border);
  }
  .ant-tag-blue{
    .ant-tag-base(@blue-bg);
  }
  .ant-tag-link{
    cursor: pointer;
    &:hover {
      background-color: @tag-hover-bg;
    }
  }

  .ant-form-horizontal .ant-checkbox.ant-checkbox-disabled{
    &+span{
      color:@form-checkbox-disabled;
    }
  }

  .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
    background: @checkbox-checked-inner;
  }
  .ant-checkbox .ant-checkbox-inner {
    background-color: @checkbox-inner;
    border-color: @checkbox-inner-border;
    border-radius: 1px;
  }
  .ant-checkbox-disabled .ant-checkbox-inner,
  .ant-checkbox-disabled:hover .ant-checkbox-inner{
    border-color: @checkbox-disabled-border-inner;
    background-color: @checkbox-disabled-bg-inner;
  }
  .ant-checkbox-checked .ant-checkbox-inner {
    border-color: @checkbox-checked-inner-border;
    background-color: @info-color;
  }
  .ant-checkbox-checked .ant-checkbox-inner:after{
    transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
  }
  .ant-checkbox-inner:after{
    transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
  }

  .ant-checkbox-wrapper + .ant-checkbox-wrapper{
    margin-left: 0;
  }
  .ant-table-fixed-header .ant-table-body{
    background:transparent;
  }
  .ant-table-fixed-header .ant-table-scroll .ant-table-header{
    overflow: inherit;
    margin-bottom: 0 !important;
  }
  .ant-upload-list-item:hover .ant-upload-list-item-info{
    background:none;
    .anticon-cross:before{
      font-size:18px;
      font-weight: bold;
    }
  }
  .ant-upload-list-item-info .anticon-paper-clip{
    color: @font-color-white;
  }
  .ant-calendar {
    border: none;
    background-color:@calendar-bg ;
    border-radius:0;
    width: 265px;
    .ant-calendar-input{
      width: 145px;
    }
  }
  .ant-calendar-input-wrap{
    border-bottom: none;
  }
  .ant-calendar-input {
    background-color: @calendar-input-bg;
    border: 1px solid @calendar-input-border-color;
    color: @calendar-input-color;
    padding-left: 10px;
    border-radius: 5px;
    &:hover{
      border-color: @calendar-input-hover-color;
    }
    &:focus{
      border-color: @calendar-input-hover-color;
      outline: 0;
      box-shadow: 0 0 0 2px rgba(45, 183, 245, 0.2);
    }
  }
  .ant-calendar-time .ant-calendar-input, .ant-calendar-time .ant-time-picker-input,.ant-time-picker-panel-input{
    background-color: @calendar-input-bg;
    border: 1px solid @calendar-input-border-color;
    color:@calendar-input-color;
  }
  .ant-calendar-header{
    border-bottom: none;
  }
  .ant-calendar-picker-icon:after{
    color: @font-color-white;
  }
  .ant-calendar-header .ant-calendar-prev-year-btn,.ant-calendar-header .ant-calendar-prev-month-btn,.ant-calendar-header .ant-calendar-year-select,.ant-calendar-header .ant-calendar-month-select,.ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-next-year-btn{
    color:@calendar-input-color;
  }
  .ant-calendar-column-header {
    color: @calendar-head-color;
  }
  .ant-calendar-date{
    color: @calendar-date-color;
  }
  .ant-calendar-selected-day .ant-calendar-date{
    background: @calendar-day-select-color;
  }
  .ant-calendar-last-month-cell .ant-calendar-date,
  .ant-calendar-next-month-btn-day .ant-calendar-date{
    color: @calendar-month-select-color;
  }
  .ant-calendar-footer {
    border-top: none;
    .ant-calendar-today-btn{
      display: none;
    }
  }
  .ant-time-picker-panel-inner {
    background-color: @calendat-picker-inner;
    color: @font-color-white;
    border:none;
    border-radius:0;
  }
  .ant-time-picker-panel-select{
    border:none;
  }
  li.ant-time-picker-panel-select-option-selected {
    background: @calendar-day-select-color;
    font-weight:normal;
    border-radius: 2px;
  }
  .ant-time-picker-panel-select li:hover {
    background: @calendar-option-select-color;
  }
  .ant-time-picker-panel-input-wrap{
    border-bottom:none;
  }
  .ant-confirm .ant-confirm-btns {
    text-align: center;
    float:none;
  }

  .ant-pagination-total-text {
    color: @pagination-total-text;
  }
  .ant-btn-primary[disabled]{
    color: @font-color-white;
    background-color: @primary-color;
    border-color: @primary-color;
    &:hover{
      color: @font-color-white;
      background-color: @primary-color;
      border-color: @primary-color;
    }
  }

  .ant-input-number-disabled .ant-input-number-input {
    background-color: @input-bg;
  }
  //级联框
  .ant-input.ant-cascader-input.ant-input-lg{
    border:1px solid @input-border;
    background-color: @input-bg ;
    z-index: 0;
  }
  .ant-cascader-picker-label{
    z-index: 1;
    color: @input-text-color;
  }
  .ant-cascader-menus{
    background-color: @input-bg;
    color: @font-color-white;
    user-select:none;
    border:1px solid @input-border;
  }
  .ant-cascader-menu.ant-cascader-menu{
    border-right:1px solid @input-border;
  }

  .ant-cascader-menu-item:hover {
      background: @input-focus-bg ;
  }

  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{
    background: @select-option-active;
  }
  .ant-cascader-picker-clear{
    background: none;
  }
}
.white{
  //单选框
  .ant-radio-inner{
    border: 2px solid #d9d9d9;
    background-color: white;
  }
  .ant-radio-inner:after{
    background-color: @font-color-white;
    left: 2px;
    top: 2px;
  }
  .ant-radio-checked .ant-radio-inner{
    border: 2px solid @font-color-white;
  }
  .ant-form-horizontal .ant-radio-disabled .ant-radio-inner{
    background-color: white;
    &:after{
      background-color: #4082e6;
    }
  }
}


